import React from 'react';
import Todo from './Todo';

function TodoList(props) {
  const todoNode = props.list.map((todo, index) => <Todo key={index}>{todo.name}</Todo>);

  return (
    <div className="todoList">
      {todoNode}
    </div>
  );
}

TodoList.propTypes = {
  list: React.PropTypes.array,
};

export default TodoList;
